3 files changed, 67 insertions, 14 deletions

diff --git a/app/[lng]/evcp/(evcp)/b-rfq/[id]/initial/page.tsx b/app/[lng]/evcp/(evcp)/b-rfq/[id]/initial/page.tsx
index e69de29b..1a9f4b18 100644
--- a/app/[lng]/evcp/(evcp)/b-rfq/[id]/initial/page.tsx
+++ b/app/[lng]/evcp/(evcp)/b-rfq/[id]/initial/page.tsx
@@ -0,0 +1,55 @@
+import { Separator } from "@/components/ui/separator"
+import { type SearchParams } from "@/types/table"
+import { getValidFilters } from "@/lib/data-table"
+import { getMatchedVendors } from "@/lib/rfqs/service"
+import { searchParamsMatchedVCache } from "@/lib/rfqs/validations"
+import { MatchedVendorsTable } from "@/lib/rfqs/vendor-table/vendors-table"
+
+interface IndexPageProps {
+  // Next.js 13 App Router에서 기본으로 주어지는 객체들
+  params: {
+    lng: string
+    id: string
+  }
+  searchParams: Promise<SearchParams>
+}
+
+export default async function RfqPage(props: IndexPageProps) {
+  const resolvedParams = await props.params
+  const lng = resolvedParams.lng
+  const id = resolvedParams.id
+
+  const idAsNumber = Number(id)
+
+  // 2) SearchParams 파싱 (Zod)
+  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
+  const searchParams = await props.searchParams
+  const search = searchParamsMatchedVCache.parse(searchParams)
+  const validFilters = getValidFilters(search.filters)
+
+  const promises = Promise.all([
+    getMatchedVendors({
+      ...search,
+      filters: validFilters,
+    },
+    idAsNumber)
+  ])
+
+  // 4) 렌더링
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">
+          Vendors
+        </h3>
+        <p className="text-sm text-muted-foreground">
+          등록된 협력업체 중에서 이 RFQ 아이템에 매칭되는 업체를 보여줍니다. <br/>"발행하기" 버튼을 통해 RFQ를 전송하면 첨부파일과 함께 RFQ 내용이 메일로 전달되고 eVCP에도 협력업체가 입력할 수 있게 자동 생성됩니다.
+        </p>
+      </div>
+      <Separator />
+      <div>
+        <MatchedVendorsTable promises={promises} rfqId={idAsNumber}/>
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/b-rfq/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/b-rfq/[id]/layout.tsx
index 75ce5ee5..8dad7676 100644
--- a/app/[lng]/evcp/(evcp)/b-rfq/[id]/layout.tsx
+++ b/app/[lng]/evcp/(evcp)/b-rfq/[id]/layout.tsx
@@ -2,7 +2,6 @@ import { Metadata } from "next"
 import Link from "next/link"
 import { Separator } from "@/components/ui/separator"
 import { SidebarNav } from "@/components/layout/sidebar-nav"
-import { RfqViewWithItems } from "@/db/schema/rfq"
 import { formatDate } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { ArrowLeft } from "lucide-react"
diff --git a/app/[lng]/evcp/(evcp)/b-rfq/[id]/page.tsx b/app/[lng]/evcp/(evcp)/b-rfq/[id]/page.tsx
index e8820af5..26dc45fb 100644
--- a/app/[lng]/evcp/(evcp)/b-rfq/[id]/page.tsx
+++ b/app/[lng]/evcp/(evcp)/b-rfq/[id]/page.tsx
@@ -1,6 +1,9 @@
 import { Separator } from "@/components/ui/separator"
 import { type SearchParams } from "@/types/table"
 import { getValidFilters } from "@/lib/data-table"
+import { searchParamsRfqAttachmentsCache } from "@/lib/b-rfq/validations"
+import { getRfqAttachments } from "@/lib/b-rfq/service"
+import { RfqAttachmentsTable } from "@/lib/b-rfq/attachment/attachment-table"
 
 interface IndexPageProps {
   // Next.js 13 App Router에서 기본으로 주어지는 객체들
@@ -18,36 +21,32 @@ export default async function RfqPage(props: IndexPageProps) {
 
   const idAsNumber = Number(id)
 
-  console.log(idAsNumber)
 
   // 2) SearchParams 파싱 (Zod)
   //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
   const searchParams = await props.searchParams
-  // const search = searchParamsMatchedVCache.parse(searchParams)
-  // const validFilters = getValidFilters(search.filters)
+  const search = searchParamsRfqAttachmentsCache.parse(searchParams)
+  const validFilters = getValidFilters(search.filters)
 
-  // const promises = Promise.all([
-  //   getMatchedVendors({
-  //     ...search,
-  //     filters: validFilters,
-  //   },
-  //   idAsNumber)
-  // ])
+  const promises = getRfqAttachments({
+    ...search,
+    filters: validFilters,
+  }, idAsNumber)
 
   // 4) 렌더링
   return (
     <div className="space-y-6">
       <div>
         <h3 className="text-lg font-medium">
-        견적 RFQ 문서관리
+          견적 RFQ 문서관리
         </h3>
         <p className="text-sm text-muted-foreground">
-        설계로부터 받은 RFQ 문서와 구매 RFQ 문서를 관리하고 Vendor 회신을 점검/관리하는 화면입니다.
+          설계로부터 받은 RFQ 문서와 구매 RFQ 문서를 관리하고 Vendor 회신을 점검/관리하는 화면입니다.
         </p>
       </div>
       <Separator />
       <div>
-        {/* <MatchedVendorsTable promises={promises} rfqId={idAsNumber}/> */}
+        <RfqAttachmentsTable promises={promises} rfqId={idAsNumber} />
       </div>
     </div>
   )